<template>
    <div class="cms-menu applet">
        <el-menu
                :default-active="appletcount_active"
                background-color="#2a3542"
                text-color="#fff"
                :router="true"
                :unique-opened="true"
                active-text-color="#1e83f0">
            <el-menu-item index="/appletcount/visites">
                <i class="fa fa-eye"></i>
                <span slot="title">&nbsp;&nbsp;&nbsp;访问统计</span>
            </el-menu-item>
            <el-menu-item index="/appletcount/buttons">
                <i class="fa fa-th-large"></i>
                <span slot="title">&nbsp;&nbsp;&nbsp;按钮统计</span>
            </el-menu-item>
            <el-menu-item index="/appletcount/shares">
                <i class="fa fa-share-alt"></i>
                <span slot="title">&nbsp;&nbsp;&nbsp;分享回流</span>
            </el-menu-item>
            <el-menu-item index="/appletcount/tpls">
                <i class="fa fa-clipboard"></i>
                <span slot="title">&nbsp;&nbsp;&nbsp;模板回流</span>
            </el-menu-item>
            <el-menu-item index="/appletcount/formid">
                <i class="fa fa-wpforms"></i>
                <span slot="title">&nbsp;&nbsp;&nbsp;&nbsp;表单统计</span>
            </el-menu-item>
        </el-menu>
    </div>

</template>

<script>
    import {mapGetters} from 'vuex';
    export default {
        computed: {
            ...mapGetters(['appletcount_active']),
        }
    }
</script>
